<template>
    <div class="app">

<div>
<img src="../assets/tab/tab1.png" alt="">
<span class="tab2-1">在线学习</span>
<button>点击进入</button>
</div>
<div>
<img src="../assets/tab/tab2.png" alt="">
<span class="tab2-2">资格证考试</span>
<button>点击进入</button>
</div>
<div>
<img src="../assets/tab/tab3.png" alt="">
<span class="tab2-3">心理咨询师赋能培训与进阶</span>
<button>点击进入</button>
</div>
    </div>
</template>

<script>

</script>

    <style scoped >
        .app{
            width:1200px;
            height:500px;
            display: flex;
        }

        .app div{
            flex: 1;
            background-color: #FFFFFF;
            position:relative;



        }
        .app div img{
            position: absolute;
            width: 350px;
            height: 220px;
            top:50px;
            left:27px;
           
            /* margin: 50 38 50 38; */
            /* padding: 50 38 50 38; */
            border-radius: 20;
        }
       
        .tab2-1{
            font-size: 30px;
            color: #444444;
            position: absolute;
            vertical-align: middle;
            width: 210px;
            height:70px;
            top: 20%;
            left:23%;
            text-align: center;
            font-weight: bold;
            
        }
         .tab2-2{
            color:#FFFFFF;
            font-size: 30px;
            position: absolute;
            vertical-align: middle;
            width: 210px;
            height:70px;
            top: 20%;
            left:23%;
            text-align: center;
            font-weight: bold;
            
        }
        .tab2-3{
            font-size: 30px;
            color: #444444;
            position: absolute;
            vertical-align: middle;
            width: 210px;
            height:70px;
            top: 15%;
            left:23%;
            text-align: center;
            font-weight: bold;
            
        }
        .app div button{
            position: absolute;
            text-align: center;
            width:150px ;
            height: 50px;
            top:38%;
            left:30%;
            color:#000000;
            font-size:23px ;
            border-radius: 20px;  
            opacity:0.8;
            border:none;
            background-color: #fff;
            
        }
        
        
    </style>
